<template>
  <div class="max-w-xs space-y-4">
    <BaseMessage shape="straight" icon>A successful message.</BaseMessage>

    <BaseMessage type="info" shape="rounded" icon>An information message.</BaseMessage>

    <BaseMessage type="warning" message="A warning message." shape="curved" icon />

    <BaseMessage type="danger" shape="full" icon>A destructive message.</BaseMessage>
  </div>
</template>
